<ion-header>
<div class="uh bor_b bc-head" data-control="HEADER" id="Header">
  <div class="ub">
    <div class="nav-btn " id="nav-left" (click)="navCtrl.pop()">
      <div class="ub-img1 back_btn_img"></div>
    </div>
    <h1 class="ut ub-f1 ulev-3 ut-s tx-c color_black" tabindex="0">谁可以看</h1>
    <div class="nav-btn color_red umar-r" id="nav-right">
      完成
    </div>
  </div>
</div>
</ion-header>


<ion-content>
  <div class=" " data-control="CONTENT" id="ScrollContent_dMIpN4" style="padding-top: 2.8em;">
    <div class="scrollbox">
      <div class="box_bounce ub ub-ver ub-pc">
        <div class="ub-f1"></div>
        <div class="bounce_status">
          下拉更新......
        </div>
        <div class="bounce_status">
          松手更新......
        </div>
        <div class="bounce_status">
          更新中......
        </div>
      </div>
  
      <div class="ub bc-head  ub-ver " id="dt_list">
  
        <div class="ub ub-ac height6 pad_left7 bor_b" (click)="select1('s1')">
          <div class="ub-img duigouthis_img selectx_wh" id="s1"></div>
          <div class="ub umar-l ub-ver umh5">
            <div class="ub ub-ac ub-f1 ">
              资源
            </div>
            <div class="ub ub-ac ub-f1 fontcolor999 fontsize8">
              所有好友及加入的小组可见
            </div>
          </div>
        </div>
        <div class="ub ub-ac height6 pad_left7 bor_b" (click)="select1('s2')">
          <div class="ub-img  selectx_wh" id="s2"></div>
          <div class="ub umar-l ub-ver umh5">
            <div class="ub ub-ac ub-f1 ">
              私密
            </div>
            <div class="ub ub-ac ub-f1 fontcolor999 fontsize8">
              仅自己可见
            </div>
          </div>
        </div>
        <div class="ub ub-ac height6 pad_left7 bor_b" (click)="select1('s3')">
          <div class="ub-img  selectx_wh" id="s3"></div>
          <div class="ub umar-l ub-ver umh5">
            <div class="ub ub-ac ub-f1 ">
              部分可见
            </div>
            <div class="ub ub-ac ub-f1 fontcolor999 fontsize8">
              选中的好友可见
            </div>
          </div>
        </div>
        <div class="pad_left7 pad_right7" style="display: none;" id="s3_x">
          <div id="s3_x_g">
  
          </div>
          <div class="ub ub-ac height6 bor_b">
            <div class="ub-img  selectx_wh"></div>
            <div class="ub umar-l ub-ver umh5">
              <div class="ub ub-ac ub-f1 color_red" (click)="openUserlist()">
                选择好友
              </div>
              <div class="ub ub-ac ub-f1 fontcolor999 fontsize8" id="s3_x_u">
  
              </div>
            </div>
          </div>
        </div>
        <div class="ub ub-ac height6 pad_left7 bor_b" (click)="select1('s4')">
          <div class="ub-img  selectx_wh" id="s4"></div>
          <div class="ub umar-l ub-ver umh5">
            <div class="ub ub-ac ub-f1 ">
              不给谁看
            </div>
            <div class="ub ub-ac ub-f1 fontcolor999 fontsize8">
              选中的好友不可见
            </div>
          </div>
        </div>
        <div class="pad_left7 pad_right7" style="display: none;" id="s4_x">
          <div id="s4_x_g">
  
          </div>
          <div class="ub ub-ac height6">
            <div class="ub-img  selectx_wh"></div>
            <div class="ub umar-l ub-ver umh5">
              <div class="ub ub-ac ub-f1 color_red" (click)="openUserlist()">
                选择好友
              </div>
              <div class="ub ub-ac ub-f1 fontcolor999 fontsize8" id="s4_x_u">

              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</ion-content>
